<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Google Map Javascript API V3 Examples: Map#fitBounds</title>
    <style type="text/css">
      #map_canvas {
        width: 600px;
        height: 500px;
        margin: 30px auto;
        border: 1px solid #ccc;
      }
    </style>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script language="javascript" type="text/javascript">
      var pos = new google.maps.LatLng(33.990236, 106.929688);
      var zoom = 3;
      var mapOptions = {
        zoom: zoom,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = null;

      function initialize() {
        map = new google.maps.Map(document.getElementById("map_canvas"),
        mapOptions);
        map.setCenter(pos);
      }

      function demo() {
        //TODO: add demo code for the template

      }

      function reset() {
        //TODO: add demo code for the template

      }

      window.onload = initialize;
    </script>
  </head>
  <body>
    <div id="map_canvas">
    </div>
  </body>
</html>
